<!doctype html>
<html class="no-js">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="description" content="">
		<meta name="keywords" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>demander project details</title>

		<!-- Set render engine for 360 browser -->
		<meta name="renderer" content="webkit">

		<!-- No Baidu Siteapp-->
		<meta http-equiv="Cache-Control" content="no-siteapp" />

		<!--<link rel="icon" type="image/png" href="assets/i/favicon.png">-->

		<!-- Add to homescreen for Chrome on Android -->
		<meta name="mobile-web-app-capable" content="yes">
		<!--<link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">-->

		<!-- Add to homescreen for Safari on iOS -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-title" content="Amaze UI" />
		<!--<link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">-->

		<!-- Tile icon for Win8 (144x144 + tile color) -->
		<!--<meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">-->
		<meta name="msapplication-TileColor" content="#0e90d2">

		<link rel="stylesheet" href="amazeui/css/amazeui.min.css">
		<link rel="stylesheet" href="amazeui/css/app.css">
		<link rel="stylesheet" type="text/css" href="css/common2.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" href="css/content.css" />
	</head>

	<body>
		<div class="head">
			<div class="am-container">
				<h1 class="am-topbar-brand am-text-ir">
    				<a href="#">创意热店</a>
 				</h1>
				<div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse">
					<div class="am-topbar-right">
						<ul class="am-nav am-nav-pills am-topbar-nav">
							<button type="button" class="am-btn am-btn-default am-radius">短消息<span class="am-badge am-round">1</span></button>
							<img src="img/logo.png" class="am-circle" />
						</ul>
					</div>
					<div class="am-topbar-right">
						<ul class="am-nav am-nav-pills am-topbar-nav">
							<li>
								<a href="#">我的案例</a>
							</li>
							<li>
								<a href="#">我的资金</a>
							</li>
							<li>
								<a href="#">我的项目</a>
							</li>
							<li>
								<a href="#">我的收藏</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>

		<!--===================================demander project details start========================================-->
		<div class="am-container">
			<div class="am-g">
				<!--=====================================left===============================-->
				<div class="am-u-md-2 left_nav">
					<div class="am-g am-container">
						<ul class="am-nav">
							<li>
								<a href="#">我的项目</a>
							</li>
							<li class="">
								<a href="#">发布项目</a>
							</li>
							<li>
								<a href="#">待审核的项目</a>
							</li>
							<li>
								<a href="#">进行中的项目</a>
							</li>
							<li>
								<a href="#">完成的项目</a>
							</li>
						</ul>
					</div>
				</div>

				<!--=====================================right===============================-->
				<div class="am-u-md-10 demander_projectdetails">
					<h1>项目名称：XXX</h1>
					<div class="am-g">
						<div class="am-u-md-6">
							<h3>雇主信息：</h3>
							<ul class="am-list-static am-list">
								<li>电话号码：<span>12345678910</span></li>
								<li>联系人：<span>xxx</span></li>
								<li>公司名称：<span>xxx</span></li>
								<li>职位：<span>xxx</span></li>
							</ul>
						</div>
						<div class="am-u-md-6">
							<h3>要求：</h3>
							<ul class="am-list-static am-list">
								<li>开始时间：<span>xx:xx</span></li>
								<li>结束时间：<span>xx:xx</span></li>
								<li>目标用户：<span>xxx</span></li>
								<li>领域：<span>xxx</span></li>
								<li>费用：<span>xxxx元</span></li>
								<li>项目简介：<span>xxxx</span></li>
							</ul>
						</div>
					</div>
					<ul class="am-avg-sm-3">
						<li>
							<div class="am-u-md-5">
								<img src="img/default.jpg" class="am-circle"/>
								<div class="am-u-md-12 am-u-sm-centered">
									<button type="button" class="am-btn am-btn-primary am-btn-block am-radius">选他</button>
								</div>
							</div>
							<div class="am-u-md-6 am-u-end">
								<p>姓名：<span>xxx</span></p>
								<p>等级：<span>lvxx</span></p>
							</div>
						</li>
						<li>
							<div class="am-u-md-5">
								<img src="img/default.jpg" class="am-circle"/>
								<div class="am-u-md-12 am-u-sm-centered">
									<button type="button" class="am-btn am-btn-primary am-btn-block am-radius">选他</button>
								</div>
							</div>
							<div class="am-u-md-6 am-u-end">
								<p>姓名：<span>xxx</span></p>
								<p>等级：<span>lvxx</span></p>
							</div>
						</li>
						<li>
							<div class="am-u-md-5">
								<img src="img/default.jpg" class="am-circle"/>
								<div class="am-u-md-12 am-u-sm-centered">
									<button type="button" class="am-btn am-btn-primary am-btn-block am-radius">选他</button>
								</div>
							</div>
							<div class="am-u-md-6 am-u-end">
								<p>姓名：<span>xxx</span></p>
								<p>等级：<span>lvxx</span></p>
							</div>
						</li>
						<li>
							<div class="am-u-md-5">
								<img src="img/default.jpg" class="am-circle"/>
								<div class="am-u-md-12 am-u-sm-centered">
									<button type="button" class="am-btn am-btn-primary am-btn-block am-radius">选他</button>
								</div>
							</div>
							<div class="am-u-md-6 am-u-end">
								<p>姓名：<span>xxx</span></p>
								<p>等级：<span>lvxx</span></p>
							</div>
						</li>
						<li>
							<div class="am-u-md-5">
								<img src="img/default.jpg" class="am-circle"/>
								<div class="am-u-md-12 am-u-sm-centered">
									<button type="button" class="am-btn am-btn-primary am-btn-block am-radius">选他</button>
								</div>
							</div>
							<div class="am-u-md-6 am-u-end">
								<p>姓名：<span>xxx</span></p>
								<p>等级：<span>lvxx</span></p>
							</div>
						</li>	
						
					</ul>
				</div>
				<!--================================righet end============================-->
			</div>
		</div>

		<!--===================================demander_project details end========================================-->

		<footer data-am-widget="footer" class="footer" data-am-footer="{  }">
			<div class="am-container">
				<div class="am-g">
					<div class="am-u-md-12 am-u-md-offset-1">
						<ul class="am-avg-sm-3">
							<li>
								<h3>关于我们</h3>
								<ul>
									<li>
										<a href="">公司简介</a>
									</li>
									<li>
										<a href="">公司简介</a>
									</li>
									<li>
										<a href="">公司简介</a>
									</li>
								</ul>
							</li>
							<li>
								<h3>联系我们</h3>
								<ul>
									<li>Tel：12345678910</li>
									<li>E-mail：xxxxxx@xxx.com</li>
									<li>公司地址：xxxxxxxxxxx</li>
								</ul>

							</li>
							<li>
								<h3>更新日志</h3>
								<ul>
									<li>xx.xx更新x.xx版本</li>
									<li>xx.xx更新x.xx版本</li>
									<li>xx.xx更新x.xx版本</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>

				<div class="footer-line">
					<ul class="am-cf am-text-center">
						<li class="">
							<a href="##" class="am-icon-qq"></a>
						</li>
						<li class="">
							<a href="##" class="am-icon-tencent-weibo"></a>
						</li>
						<li class="">
							<a href="##" class="am-icon-weibo"></a>
						</li>
						<li class="">
							<a href="##" class="am-icon-weixin"></a>
						</li>
					</ul>
				</div>
				<hr data-am-widget="divider" style="" class="am-divider am-divider-default" />
				<div class="am-text-center">
					<p>CopyRight©2014 AllMobilize Inc.</p>
					<p>京ICP备13033158</p>
				</div>

			</div>
		</footer>
		<script src="amazeui/js/jquery.min.js"></script>
		<script src="amazeui/js/amazeui.min.js"></script>
	</body>

</html>